@color1: #cecece;
@color2: #999;
.login-page{
  height: 100%;
  background-color: #fff;
}
.xm-form-1{
  //margin-top: .48rem;
  padding: 0 .7rem;
  background-color: #fff;
  a.btn{
    margin-left: 0;
    height: .8rem;
    line-height: .8rem;
    font-weight: 500;
    font-size: .32rem;
    background: #FF4A4A;
    border-radius: 8px;
    //box-shadow: 10px 10px 30px #ccc;
  }
  .btn.login{
    margin-top: .8rem;
  }
  label{
    width: 1.6rem;
    line-height: .98rem;
    color: #333;
  }
}
.input-group{
  padding-top: .4rem;
  height: .96rem;
  line-height: .96rem;
  border-radius: 4px;
  position: relative;
  input{
    border: none;
    padding: 0px;
  }
}
.code-group{
  position: relative;
  padding-right: 0;
  input{
    //max-width: 2.8rem;
  }
  .code-img{
    margin-left: .48rem;
    img{
      width: 1.4rem;
      height: .96rem;
    }
  }
}
.notice{
  margin-top: .25rem;
  text-align: center;
  position: relative;
  .error{
    top: 0;
    &::before{
      margin-top: 0
    }
  }
}
.error{
  height: .28rem;
  position: absolute;
  top: -.1rem;
  left: 1.6rem;
  font-size: .24rem;
  color: #FF0000;
  padding-left: .35rem;
  &::before{
    content: ' ';
    position: absolute;
    left: 0;
    width: .24rem;
    height: .24rem;
    background-image: url("../../assets/images/sigh.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    margin-top: .33rem;
  }
}
.close{
  position: absolute;
  width: .3rem;
  height: .3rem;
  background-image: url("../../assets/images/close.svg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  margin-top: .32rem;
  right: 0;
  &:active{
    opacity: .5;
  }
}
.links{
  display: block;
  position: absolute;
  width: 100%;
  bottom: 1rem;
  text-align: center;
  a{
    position: relative;
    line-height: .4rem;
    padding: 0 .4rem;
    font-size: .28rem;
    color: #6DCBFF;
    &:after{
      content: '';
      position: absolute;
      width: 1px;
      height: .2rem;
      top:0.1rem;
      right: 0;
      background: #E8EDF2;
    }
    &:last-child:after{
      display: none;
    }
  }
}

.code-phone{
  display: inline-block;
  width: 1.9rem;
  text-align: center;
  font-size: .28rem;
  color: #6DCBFF;
}
.btn.next{
  margin-top: .8rem;
}

@media screen and (max-height:400px) {
  .other-login{
    padding-top: 6rem;
    position: relative;
  }
}
@media screen and (max-height:650px) {
  .links{
    display: none;
    a{
      color: red;
    }
  }
}